import 'dart:async';

import 'package:enjoy_plus/utils/Toast.dart';
import 'package:enjoy_plus/utils/eventbus.dart';
import 'package:enjoy_plus/utils/http.dart';
import 'package:enjoy_plus/utils/token.dart';
import 'package:flutter/material.dart';

class LoginPage extends StatefulWidget {
  const LoginPage({super.key});

  @override
  State<LoginPage> createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  // 状态变量
  int _count = 0;

  // 可选
  Timer? _timer;

  // 倒计时
  _countDownTime() {
    // 正在倒计时 阻断
    if (_count > 0) {
      return;
    }
    // 还没倒计时 继续执行-开启倒计时
    // 设置 初始时间
    setState(() {
      _count = 10;
    });
    Timer.periodic(Duration(seconds: 1), (timer) {
      _timer = timer;
      setState(() {
        _count--;
        // 倒计时结束
        if (_count <= 0) {
          timer.cancel();
        }
      });
    });
  }

  // 输入框的控制器 - 手机号
  final mobileController = TextEditingController();
  // 输入框的控制器 - 验证码
  final codeController = TextEditingController();

  // 释放控制器
  @override
  void dispose() {
    // 资源的释放
    mobileController.dispose();
    codeController.dispose();
    _timer?.cancel();
    super.dispose();
  }

  // 获取验证码
  _getCode() async {
    if (_count > 0) {
      return;
    }
    // 手机号格式判断 非空，正则

    // mobileController.text.isEmpty
    if (mobileController.text.isEmpty) {
      return ToastUtil.showError('手机号不能为空');
    }

    //  String regex = r'^1[3-9]\d{9}$';
    // return RegExp(regex).hasMatch(phoneNumber);
    if (!RegExp(r'^1[3-9]\d{9}$').hasMatch(mobileController.text)) {
      return ToastUtil.showError('手机号格式有误');
    }

    // 调用接口 -验证码（弹框，填入输入框
    final res =
        await http.get('/code', params: {'mobile': mobileController.text});
    print(res['data']);
    codeController.text = res['data']['code'];

    // 开启倒计时
    _countDownTime();
  }

  // 用户登录
  _login() async {
    // 1. 校验 手机号 和 验证码
    if (mobileController.text.isEmpty) {
      return ToastUtil.showError('手机号不能为空');
    }

    //  String regex = r'^1[3-9]\d{9}$';
    // return RegExp(regex).hasMatch(phoneNumber);
    if (!RegExp(r'^1[3-9]\d{9}$').hasMatch(mobileController.text)) {
      return ToastUtil.showError('手机号格式有误');
    }
    if (codeController.text.isEmpty) {
      return ToastUtil.showError('验证码不能为空');
    }

    if (!RegExp(r'\d{6}').hasMatch(codeController.text)) {
      return ToastUtil.showError('验证码格式有误');
    }
    // 2. 提交数据
    final res = await http.post('/login',
        {'mobile': mobileController.text, 'code': codeController.text});
    // print(res['data']);
    // 3. 保存返回的信息
    TokenManager().saveToken(res['data']['token']);
    ToastUtil.showSuccess('登录成功');
    // 这里销毁也是 ok 的
    _timer?.cancel();
    // 刷新用户信息
    eventBus.fire(RefreshInfo());
    // 4. 返回上一页
    Navigator.pop(context);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: Colors.white,
        appBar: AppBar(
          title: const Text('登录'),
          backgroundColor: Colors.transparent,
          centerTitle: true,
        ),
        body: Container(
            padding: const EdgeInsets.all(20),
            child:
                Column(mainAxisAlignment: MainAxisAlignment.start, children: [
              const Row(
                children: [
                  Text('登录',
                      style:
                          TextStyle(fontSize: 25, fontWeight: FontWeight.bold))
                ],
              ),
              const SizedBox(height: 10),
              const Row(
                children: [
                  Text('加入享+, 让生活更轻松', style: TextStyle(fontSize: 15))
                ],
              ),
              const SizedBox(height: 30),
              Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Expanded(
                    child: TextField(
                      controller: mobileController,
                      decoration: const InputDecoration(
                        labelText: '手机号',
                        hintText: '请输入手机号',
                      ),
                    ),
                  ),
                  ElevatedButton(
                    style: ElevatedButton.styleFrom(
                      backgroundColor: Colors.white,
                      shadowColor: Colors.transparent,
                      foregroundColor: const Color.fromARGB(255, 85, 145, 175),
                      minimumSize: const Size(100, 50),
                    ),
                    onPressed: () {
                      // _countDownTime();
                      // 获取验证码
                      _getCode();
                    },
                    child: _count > 0
                        ? Text('$_count 秒后重新获取')
                        : const Text('获取验证码'),
                  ),
                ],
              ),
              const SizedBox(height: 8),
              TextField(
                controller: codeController,
                decoration: const InputDecoration(
                  labelText: '验证码',
                  hintText: '请输入6位验证码',
                ),
              ),
              const SizedBox(height: 8),
              const Row(children: [
                Text('未注册手机号经验证后将自动登录',
                    style: TextStyle(fontSize: 12, color: Colors.grey)),
              ]),
              const SizedBox(height: 50),
              Row(children: [
                Expanded(
                    child: ElevatedButton(
                  style: ElevatedButton.styleFrom(
                    backgroundColor: const Color.fromARGB(255, 85, 145, 175),
                    minimumSize: const Size(100, 50),
                  ),
                  onPressed: () {
                    _login();
                  },
                  child: const Text('登录',
                      style: TextStyle(color: Colors.white, fontSize: 20)),
                ))
              ])
            ])));
  }
}
